<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page contentType="text/html; charset=iso-8859-1" language="java"  errorPage="" %>
<html>
<head>
<meta http-equiv="Pragma" content="no-cache"/>
<script src="<%=request.getContextPath() %>/js/utiles.js" language="javascript"></script>
<script src="<%=request.getContextPath() %>/js/util/utf8.js"  language="javascript"></script>
<script src="<%=request.getContextPath() %>/js/jquery/jquery-1.4.2.min.js" language="javascript"></script>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/estilos.css"/>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/buttons.css"/>
<script type="text/javascript">
		/**
		 * Metodo que realiza la busqueda de las cuentas de los clientes.
		 */
		function buscarCuentasCliente(){
			if(!validarFiltros()){
				alert("Debe ingresar al menos un filtro de busqueda.");
				return;
			}
			var query = $("#form1").serialize();
			var accion = "<%=request.getContextPath()%>/operacion.do?method=buscarCuentaCliente";
			$.ajax(
				{
					type:'POST',
					url:accion,
					data: query,
					success: function(text){mostrarResultado(text);}
				}
			);
		}
		/**
		 * Funcion que realiza el submit para mostrar los resultados en la tabla.
		 */
		function mostrarResultado(resultado){
			if(resultado == '0'){
				alert("No se encontraron registros.");				
			}else{
				var accion = "<%=request.getContextPath()%>/operacion.do?method=cargarResultadoBusquedaAvanzada";
				form1.action= accion;
				form1.submit();
			}
			
		}
		
		/**
		 * Metodo que valida el ingreso de al menos un filtro de busqueda.
		 * @return confirmacion si se ingreso al menos un filtro.
		 */
		function validarFiltros(){
			var txtApellidoPaterno = obtenerParametro($('#txtApellidoPaterno').val());
			var txtApellidoMaterno = obtenerParametro($('#txtApellidoMaterno').val());
			var txtNombre = obtenerParametro($('#txtNombre').val());
			var txtRazon = obtenerParametro($('#txtRazon').val());
			var selTipoPersonal = obtenerParametro($('#selTipoPersonal').val());
			if(txtApellidoPaterno ==null && txtApellidoMaterno == null && txtNombre ==null && selTipoPersonal ==-1 
				&& txtRazon == null){
				return false;
			}
			return true;
		}
		
		/**
		 * Metodo que retorna nulo si el parametro es nulo o contiene espacios en blanco.
		 * @param parametro contine la cadena aevaluarse.
		 * @return la cadena correcta despues de la evaluacion.
		 */
		function obtenerParametro(parametro){
			if(parametro == null || $.trim(parametro).length==0){
				return null;
			}
			return parametro;
		}
		
		function seleccionarRegistro(identificadorRegistro){
			opener.seleccionarRegistro(identificadorRegistro);
			window.close();
		}
</script>

</head>
<body>
<form name="form1" id="form1" method="post" action="<%=request.getContextPath()%>/operacion.do?method=buscarCuentaCliente">
<table width="100%" align="center" height="100%">
	<tr>
		<td valign="top">
			<div id="maestro">
				<table align="center" cellspacing="3" class="table3" width="100%">
					<tr>
						<td colspan="6" class="cuadrotitle">I. B&uacute;squeda Avanzada</td>
					</tr>
					<tr class="cuadrocontent">
						<td width="5%">&nbsp;</td>
						<td width="15%" class="tcelda1">Tipo de Personal:</td>
						<td width="23%"><select name="selTipoPersonal" id="selTipoPersonal" class="combo1" >
							<option value="-1">--Seleccionar--</option>
						</select></td>
						<td width="10%">&nbsp;</td>
						<td width="23%">&nbsp;</td>
						<td width="5%">&nbsp;</td>
					</tr>
					<tr class="cuadrocontent">
						<td>&nbsp;</td>
						<td class="tcelda1">Nombre:</td>
						<td><input type="text" name="txtNombre" id="txtNombre" class="input" /></td>
						<td class="tcelda1">Raz&oacute;n Social:</td>
						<td><input type="text" name="txtRazonSocial" id="txtRazonSocial" class="input" /></td>
						<td>&nbsp;</td>
					</tr>
					<tr class="cuadrocontent">
						<td>&nbsp;</td>
						<td class="tcelda1">Apellido Paterno:</td>
						<td><input type="text" name="txtApellidoPaterno" id="txtApellidoPaterno" class="input" /></td>
						<td>&nbsp;</td>
					</tr>
					<tr class="cuadrocontent">
						<td>&nbsp;</td>
						<td class="tcelda1">Apellido Materno:</td>
						<td><input type="text" name="txtApellidoMaterno" id="txtApellidoMaterno" class="input" /></td>
						<td>&nbsp;</td>
					</tr>
				</table>
			</div>
		</td>
	</tr>
	<tr>
		<td align="center">
			<div id="botonera">
				<input type="button" value="Buscar" onClick="javascript:buscarCuentasCliente();" class="boton"/>
				<input type="button" value="Retornar" onClick="" class="boton"/>
			</div>
		</td>
	</tr>
	<tr>
		<td>
			<div id="detalle">
				<table width="100%">
					<thead>
						<tr >
							<td class="tceldatabla1" width="6%">Cuenta</td>
							<td class="tceldatabla1" width="6%">Tarjeta</td>
							<td class="tceldatabla1" width="6%">Divisa</td>
							<td class="tceldatabla1" width="6%">Producto</td>
							<td class="tceldatabla1" width="8%">SubProducto</td>
							<td class="tceldatabla1" width="25%">Nombre/Raz&oacute;n Social</td>
							<td class="tceldatabla1" width="7%">Documento</td>
							<td class="tceldatabla1" width="14%">Nro. Documento</td>
							<td class="tceldatabla1" width="9%">Condici&oacute;n</td>
							<td class="tceldatabla1" width="6%">Estado</td>
						</tr>
					</thead>
					<tbody id="detalle">	
					<c:forEach items="${cuentasCliente}" var="cuenta">
					<tr>
						<td class="tceldatabla"><input type="button" value="Seleccionar" name="btnSeleccion" id="btnSeleccion" onclick="javascript:seleccionarRegistro(${cuenta.identificadorRegistro});"/></td>
						<td class="tceldatabla">${cuenta.numerocuenta}</td>
						<td class="tceldatabla">${cuenta.numerotarjeta}</td>
						<td class="tceldatabla">${cuenta.divisa}</td>
						<td class="tceldatabla">${cuenta.producto}</td>
						<td class="tceldatabla">${cuenta.subproducto}</td>
						<td class="tceldatabla">${cuenta.nombrecliente}, ${cuenta.primerapellido} ${cuenta.segundoapellido}/ ${cuenta.razonsocial} </td>
						<td class="tceldatabla">${cuenta.tipodocumento}</td>
						<td class="tceldatabla">${cuenta.numerodocumento}</td>
						<td class="tceldatabla">${cuenta.condicioncuenta}</td>
						<td class="tceldatabla">${cuenta.situacioncuenta}</td>
					</tr>
					</c:forEach>
					</tbody>
				</table>
			</div>
	  </td>
	</tr>
</table>
</form>
</body>
</html>